


<div id="Orden" style=" margin-top: 30PX; font-family: bold; ">
    <div id="logoOrden">
        <div id="logo2"></div>
        <div style="margin-top: 5PX;"> 
            <div style="float: left;margin-left: 80px; width: 130px;">
                <h1 style="color: #0E8CCC">Telecom </h1>
            </div>
            <i style="float: left;margin-top: 8px;color: #0E8CCC; font-size: 24px;">Ingenieria</i>
        </div>
        <div style=" float: left;">
            <i style="color: red">Soluciones Integrales en Ingeniería Electrónica y Telecomunicaciones</i>
        </div>
    </div>
    <div id="datosGenerales" >
        <p>Orden de Trabajo</p>
        <div style="float: left; margin-left: 30px;">
            <label> Fecha </label><br/>
            <input type="text" readonly="readonly" style=" text-align: center;width: 100px;" id="fecha" value=""/><br/>
        </div>
        <div style="float: left;margin-left: 40px;">
            <label> Numero </label><br/>
            <div >
                <input type="text" readonly="readonly" style=" width: 100px;text-align:center;font-size: 30px;" id="numeroOden" value=""/><br/>
            </div>    
        </div>
    </div>
    <div id="DatosOrden" style="font-size: 16px;">
        <div style="margin-top: 40px;
             margin-left: 30px">
            <div style="float: left">
                <!--                <label> Especialidad </label>-->
            </div>
            <div id="comboEspecialidad" style="float: left;">
                <select style="width: 275px" id="especialidades" onchange=""></select> 
            </div>
            <div style="float: left">
                <div id="comboReclamo" style="float: left;margin-left: 30px">
                    <select style="width: 275px" id="reclamos" onchange=""></select> 
                </div>
            </div>
            <div style="float: left; margin-left: 20px; margin-top: 0px;" on>
                <div>
                    <div style="float: left; margin-right: 10px">
                        <!--                    <label> Cliente </label>-->
                    </div>
                    <div id="comboClientes" style="float: right">
                        <select style="width: 275px" id="clientes" onchange=""></select> 
                        <br/>
                        <br/>
                    </div>
                </div>
            </div>
        </div>
        <div style="margin-top: 50px;
             margin-left: 30px">
            <div style="float: left">
                <!--                <label> Especialidad </label>-->
            </div>
            <div id="comboEspecialidad" style="float: left;">
                <select style="width: 275px" id="especialidades" onchange=""></select> 
            </div>
            <div style="float: left">
                <div id="comboReclamo" style="float: left;margin-left: 30px">
                    <select style="width: 275px" id="reclamos" onchange=""></select> 
                </div>
            </div>
            <div style="float: left; margin-left: 20px; margin-top: 0px;" on>
                <div>
                    <div style="float: left; margin-right: 10px">
                        <!--                    <label> Cliente </label>-->
                    </div>
                    <div id="comboClientes" style="float: right">
                        <select style="width: 275px" id="clientes" onchange=""></select> 
                        <br/>
                    </div>
                </div>
            </div>
            <br/>
        </div>
        <div style="margin-top: 13px;
             margin-left: 30px; float: left">
            <label > Detalles </label><input type="text"  style=" width: 813px;
                                             margin-left: 14px;
                                             " id="otros"/><br/>
        </div>

        <!--        <div style="margin-top: 20px;
                     margin-left: 30px ">
                    <div style="float: left;
                         margin-left: 30px;
                         ">
                        <div style="float: left;margin-top: 8px">
                                                <label> Tipo </label>
                        </div>
                        <div style="float: left;" id="campoTipo">
                            <input type="text" readonly="readonly" style="margin-left: 35px; visibility: hidden; width: 370px;" id="tipo" value=""/><br/>
                        </div>
                    </div>-->
        <div style="float: left; margin-left: 30px;margin-top: 13px;  ">
            <label> Tecnico </label>
            <select style="width: 150px" id="tecnico1" onchange=""></select> 
        </div>
        <div style="float: left;margin-top: 13px; margin-left: 10px;">
            <label> y </label>
            <select style="width: 150px" id="tecnico2" onchange=""></select> 
        </div>
        <div style="">
            <div style="float: left;
                 margin-left: 30px;
                 margin-top: 20px;
                 ">
                <div style="float: left">
                    <label> Trabajo </label>
                </div>
                <div style="float: left;
                     margin-left: 9px;
                     ">
                    <textarea type="text"  style=" width: 825px;
                              height: 120px;
                              " id="trabajo"></textarea>
                </div>
            </div>
            <div style="float: left;
                 margin-left: 30px;
                 margin-top: 20px;
                 ">
                <label> Materiales </label><input type="text"  style=" width: 810px;
                                                  " id="materiales"/><br/>
            </div>


            <div style="float: left;
                 margin-left: 30px;
                 margin-top: 20px;
                 ">
                <label > Mano de Obra </label><input type="text"  style=" width: 70px;
                                                     margin-left: 10px;
                                                     " id="manoObra"/><br/>
            </div>
            <div style="float: left;
                 margin-left: 10px;
                 margin-top: 25px;
                 ">
                <label > Pareja </label><input type=checkbox readonly="readonly" style=" width: 20px;
                                               margin-left: 10px;
                                               " id="pareja" /><br/>
            </div>
            <div style="float: left;
                 margin-left: 10px;
                 margin-top: 20px;
                 ">
                <label id="estadoN"> Estado </label>
                
                    <select style="width: 150px" id="estado" onchange=""></select> 
                

            </div>
            <div id="monedac"style="float: left;
                 margin-left: 10px;
                 margin-top: 18px;">
                <label > Moneda </label>
                <select id="moneda">                 
                    <option>$</option>
                    <option>U$D</option>
                </select>
            </div>
            <div style="float: left;
                 margin-left: 10px;
                 margin-top: 20px;
                 ">
                <label > Precio </label><input type="text"  style=" width: 65px;
                                               margin-left: 10px;
                                               " id="precio"/><br/>
            </div>
            <div id="pagada"style="float: left;
                 margin-left: 10px;
                 margin-top: 25px;
                 ">
                <label > Pagada </label><input type=checkbox readonly="readonly" style=" width: 20px;
                                               margin-left: 10px;
                                               " id="pagadaV" /><br/>
            </div>

            <div style="float: left;
                 ">
                <div style="float: left;
                     margin-left:30px;
                     margin-top: 20px;
                     ">
                    <label > Nombre  Carta </label><input type="text"  style=" width: 140px;
                                                          margin-left: 10px;
                                                          " id="nombreCarta"/><br/>
                </div>
                <div style="float: left;
                     margin-left: 20px;
                     margin-top: 20px;
                     ">
                    <label > Numero Carta </label><input type="text"  style=" width: 100px;
                                                         margin-left: 10px;
                                                         " id="numeroCarta"/><br/>
                </div>
                <div style="float: left;
                     margin-left: 10px;
                     margin-top: 20px;
                     ">
                    <label > Fecha Carta</label><input type="text"readonly="readonly" id="fechaCarta"style=" width: 98px;
                                                       margin-left: 10px;
                                                       "onclick="displayCalendar(this, 'yyyy-mm-dd', this)" >

                    <br/>
                </div>
                <div style="float: left;
                     margin-left: 10px;
                     margin-top: 20px;
                     ">
                    <label > Pago Dia </label><input type="text" readonly="readonly" id="fechaPago" style=" width: 95px;
                                                     margin-left: 10px;
                                                     "onclick="displayCalendar(this, 'yyyy-mm-dd', this)" >

                    <br/>
                </div>


            </div>

            <div style="float: left;
                 margin-left: 30px;
                 margin-top: 15px;
                 ">
                <label > Observaciones </label><input type="text"  style=" width: 754px;
                                                      margin-left: 18px;
                                                      " id="observaciones"/><br/>
            </div>
            <label style="float: left;
                   margin-left: 30px;
                   margin-top: 20px;
                   "> Visto Bueno ...................................... </label>
        </div> 

        <input style="float: left;
               margin-left: 30px;
               margin-top: 15px;
               " onclick=";
                                                               document.getElementById('Imprimir').style.visibility = 'hidden';
                                                               document.getElementById('pagada').style.visibility = 'hidden';
                                                               document.getElementById('estadoN').style.visibility = 'hidden';
                                                               document.getElementById('estado').style.visibility = 'hidden';
                                                                                                           imprimir('contenedor')" type="submit"  id="Imprimir"  value="Imprimir"/>

    </div>
    <div id="guardarO">
    </div>
    <script type="text/javascript">


    </script>

</div>

</div>




